<script type="text/html" template>
    <title>登录-{{layui.setter.name}}</title>
</script>
<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
</script>


<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">

    <div class="layadmin-user-login-main">
        <div class="layadmin-user-login-box layadmin-user-login-header">
            <h2>后台管理系统2x</h2>
            <p>杭州九宸智能科技有限公司</p>
        </div>
        <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                       for="LAY-user-login-username"></label>
                <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名"
                       class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                       for="LAY-user-login-password"></label>
                <input type="password" name="password" id="LAY-user-login-password" lay-verify="required"
                       placeholder="密码" class="layui-input">
            </div>
            <!--<div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs7">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>
                        <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="layui-input">
                    </div>
                    <div class="layui-col-xs5">
                        <div style="margin-left: 10px;">
                            <img src="https://www.oschina.net/action/user/captcha" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">
                        </div>
                    </div>
                </div>
            </div>-->

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs7">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
                               for="LAY-user-login-vercode"></label>
                        <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required"
                               placeholder="图形验证码(新)" class="layui-input">
                    </div>
                    <div class="layui-col-xs5">
                        <div style="margin-left: 10px;">
                            <script type="text/html" template>
                                <img src="{{layui.setter.APIUrl}}/captchaImage?v={{ new Date().getTime() }}" class="layadmin-user-login-codeimg"
                                     id="LAY-user-get-vercode1">
                            </script>
                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-form-item" style="margin-bottom: 20px;">
                <input type="checkbox" name="remember" id="remember" lay-filter="remember" lay-skin="primary" title="记住密码">
                <!--<a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link"
                    style="margin-top: 7px;">忘记密码？</a>-->
            </div>
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
            </div>
            <!--<div class="layui-trans layui-form-item layadmin-user-login-other">
                <label>社交账号登入</label>
                <a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>
                <a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>
                <a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>

                <a lay-href="/user/reg" class="layadmin-user-jump-change layadmin-link">注册帐号</a>
            </div>-->
        </div>
    </div>

    <div class="layui-trans layadmin-user-login-footer">
        <p>
            © 2019
            <a href="" target="_blank"></a>
            <span>
                <!--<a href="" target="_blank">
                </a>-->
                版权所有：杭州九宸智能科技有限公司
            </span>
        </p>
    </div>

    <!--<div class="ladmin-user-login-theme">
      <script type="text/html" template>
        <ul>
          <li data-theme=""><img src="{{ layui.setter.base }}style/res/bg-none.jpg"></li>
          <li data-theme="#03152A" style="background-color: #03152A;"></li>
          <li data-theme="#2E241B" style="background-color: #2E241B;"></li>
          <li data-theme="#50314F" style="background-color: #50314F;"></li>
          <li data-theme="#344058" style="background-color: #344058;"></li>
          <li data-theme="#20222A" style="background-color: #20222A;"></li>
        </ul>
      </script>
    </div>-->

</div>

<script>

    var UserID = localStorage.getItem("UserID"); //获取键的值
    var PassWord = localStorage.getItem("PassWord"); //获取键的值
    var isRemeber = 0;

    layui.$(document).off('click', 'img').on('click', 'img', function () {
    })

    var $, setter, admin, form, router, search, view;
    layui.use(['admin', 'form', 'user'], function () {
         $ = layui.$
            , setter = layui.setter
            , admin = layui.admin
            , form = layui.form
            , router = layui.router()
            , search = router.search
            , view = layui.view;


        if (UserID != "" && UserID != null && UserID != undefined) {
            $("#LAY-user-login-username").val(UserID);

            document.getElementById("remember").checked = true;
            isRemeber = 1;
        }
        if (PassWord != "" && PassWord != null && PassWord != undefined) {
            $("#LAY-user-login-password").val(PassWord)
        }
        form.on('checkbox(remember)', function (data) {
            debugger;
            if (data.elem.checked) {
                isRemeber = 1;
            } else {
                isRemeber = 0;
            }
        });

        //提交
        form.on('submit(LAY-user-login-submit)', function (obj) {

            //请求登入接口
            admin.req({
                url: layui.setter.APIUrl + '/login' //实际使用请改成服务端真实接口
                , data: obj.field
                , type: "post"
                , success: function (res) {
                }
                , done: function (res) {
                    //debugger;
                    if (obj.field.password == "123456" && location.hostname != "localhost") {
                        ReSetPass(res);
                    }
                    else {
                        ToLogin(res);
                    }

                }
            });

        });

        // debugger
        // $("#LAY-user-get-vercode1").src = 'http://localhost:8061/Admin/getImg?t=' + new Date().getTime();


        form.render();




        ////实际使用时记得删除该代码
        //layer.msg('为了方便演示，用户名密码可随意输入', {
        //    offset: '15px'
        //  , icon: 1
        //});

    });


    function ReSetPass(res) {
        layer.alert('系统检测到您的密码过于简单，请先修改密码！', { icon: 0 }, function (lindex) {
            layer.close(lindex);

            admin.popup({
                title: '修改密码'
              , skin: 'layui-layer-lan'
              , area: ['450px', '400px']
              , zIndex: 1002
              , id: 'LAY-popup-content-setpass'
              , success: function (layero, index) {
                  view(this.id).render('/user/setPass').done(function () {
                      form.render(null, 'layuiadmin-app-form-list');

                      //监听提交
                      form.on('submit(layuiadmin-app-form-submit)', function (data) {
                          var field = data.field; //获取提交的字段
                          //请求登入接口
                          admin.req({
                              url: layui.setter.APIUrl + '/admin/userMgr/changePasswordByUserID' //实际使用请改成服务端真实接口
                            , data: { "userPid": res.Data.FUserId, "newPass": field.newPass, "newPass2": field.newPass2 }
                            , type: "post"
                            , done: function (res) {
                                layer.closeAll();
                                layer.msg('修改成功，请重新登录！');
                                $("#LAY-user-login-password").val("");
                            }
                          });
                      });
                  });
              }
            });
        });
    }


    function ToLogin(res) {
        //alert("message:" + res);
        //请求成功后，写入 access_token
        layui.data(setter.tableName, {
            key: "access_token"
            , value: res.Data.token
        });
        layui.data(setter.tableName, {
            key: setter.request.tokenName
            , value: res.Data.token
        });
        layui.data(setter.tableName, {
            key: setter.request.userPid
            , value: res.Data.userid
        });

        document.cookie = "sso-userid=" + $("#LAY-user-login-username").val() + ";domain=" + layui.setter.Domain + ";path=/";
        document.cookie = "sso-password=" + $("#LAY-user-login-password").val() + ";domain=" + layui.setter.Domain + ";path=/";

        //登入成功的提示与跳转
        layer.msg('登入成功', {
            offset: '15px'
            , icon: 1
            , time: 1000
        }, function () {
            location.hash = search.redirect ? decodeURIComponent(search.redirect) : '/';
        });

        if (isRemeber == 1) {
            localStorage.setItem("UserID", $("#LAY-user-login-username").val()); //设置键的值
            localStorage.setItem("PassWord", $("#LAY-user-login-password").val()); //设置键的值
        } else {
            localStorage.setItem("UserID", ""); //设置键的值
            localStorage.setItem("PassWord", ""); //设置键的值
        }
    }


</script>